//基本颜色
$cyan: #00fdff; //纯净蓝
$blue: #34c8ff; //信息蓝
$yellow: #ffd101; //提示黄
$green: #57ffaa; //安全绿
$red: #ef303b; //告警红
$orange: #fb9b2a; //预警橙
$purple: #864bff; //紫色

$darkGrey: #8d8d8d; //深灰
$lightGrey: #adadad; //浅灰
$light2Grey: #d8d8d8; //浅灰
$light3Grey: #f8f8f8; //浅灰
$light4Grey: #e8e8e8; //浅灰

$unit: #8d8d8d;
$borderColor: #bbbbbb;

$black: #000000; //黑色
$white: #ffffff; //白色
// 字体颜色
$titleColor: #ffffff; // 标题颜色

//字体尺寸
$auxiliaryText: 0.75rem; //辅助文字/辅助标题 --> 12px
$commonContentText: 0.875rem; //通用内容 --> 14px
$smallHeadingsText: 1rem; //小标题 --> 16px
$bigHeadingsText: 1.125rem; //大标题 --> 18px
$numberLText: 1.25rem; //数字大字号0 --> 20px
$numberXLText: 1.5rem; //数字大字号1 --> 24px
$numberXXLText: 2rem; //数字大字号2 --> 32px

//框体
$boxBg: rgba(
  $color: $black,
  $alpha: 0.2
); //盒子背景颜色
$boxTitleBg: rgba(
  $color: $black,
  $alpha: 0.6
); //盒子标题背景颜色
$boxContentBg: rgba(
  $color: $black,
  $alpha: 0.5
); //盒子内容背景
$boxWidth: 21.875rem; //盒子宽度
$boxPadding: 0.625rem; //盒子内边距
$boxContentPadding: 0.9375rem; //盒子内容内边距

//边框标准
$lineColor: rgba(
  $color: $white,
  $alpha: 0.3
); //线颜色

//hover标准
$itemBg: rgba(
  $color: $white,
  $alpha: 0.1
);
$itemActiveBg: rgba(
  $color: $cyan,
  $alpha: 0.1
);

//圆角
$borderRadiusSize: 0.25rem; //圆角尺寸 --> 4px

//标签
$tagBg: rgba(
  $color: $lightGrey,
  $alpha: 0.2
); //标签底色
$tagColor: rgba(
  $color: $lightGrey,
  $alpha: 1
); //标签字体颜色
$tagBgActive: rgba(
  $color: $cyan,
  $alpha: 0.2
); //标签激活后底色
$tagColorActive: rgba(
  $color: $cyan,
  $alpha: 1
); //标签激活后字体颜色

$tagCyanBg: rgba(
  $color: $cyan,
  $alpha: 0.2
);
$tagYellowBg: rgba(
  $color: $yellow,
  $alpha: 0.2
);
$tagRedBg: rgba(
  $color: $red,
  $alpha: 0.2
);
$tagGreenBg: rgba(
  $color: $green,
  $alpha: 0.2
);
$tagPurpleBg: rgba(
  $color: $purple,
  $alpha: 0.2
);

$innerBoxBg: rgba(
  $color: $white,
  $alpha: 0.2
); // 内部box底色

//滚动条
$scrollbarTrackColor: rgba(
  $color: $darkGrey,
  $alpha: 0.5
);
$scrollbarBarColor: rgba(
  $color: $cyan,
  $alpha: 1
);

// 解决错误
$secondaryTextColor: #a6adb7; // 二级文字颜色

// 字体颜色
$titleText: #333333; // 标题颜色
$innerText: #d8d8d8; // 内容颜色
$greyText: #8d8d8d; // 内容颜色
$whiteText: #ffffff; // 白色文字
$redText: #ce2631; //红色文字
$greenText: #13ca97; //绿色文字

$unit: #8d8d8d;
